<div class="header bocweb-header">
	<div class="header_cen f-cb">
		<a href="<?php echo site_url('welcome'); ?>" class="logo bocweb-logo" title="山东金东数字创意股份有限公司">
			<img src="<?php echo static_file('web/img/logo.png'); ?>" alt="" >
		</a>
		<div class="tel">400-601-0039</div>
		<div class="search js-click">
			<!-- <form action="">
				<input type="text" name="" id="" class="text">
				<input type="submit" value="" class="submit js-click"> 
				<span class="ico js-click"></span>
			</form> -->
			<div class="ico"></div>
			<div class="search_box f-cb js-click">
				<form action="">
					<input type="text" name="" id="" class="text js-click">
					<input type="submit" value="" class="submit js-click">
				</form>
			</div>
		</div>
		<div class="bocweb-nav nav">
			<ul>
				<li>
					<a href="<?php echo site_url('about'); ?>" title="走进金东">走进金东</a>
				</li>
				<li>
					<a href="<?php echo site_url('business'); ?>" title="业务领域">业务领域</a>
				</li>
				<li>
					<a href="<?php echo site_url('intro'); ?>" title="骇客星">骇客星</a>
				</li>
				<li>
					<a href="<?php echo site_url('news'); ?>" title="金东新闻">金东新闻</a>
				</li>
				<li>
					<a href="<?php echo site_url('laboratory'); ?>" title="金东实验室">金东实验室</a>
				</li>
			</ul>
		</div>
		<div class="push-line">
			<span class="line-1"></span>
			<span class="line-2"></span>
			<span class="line-3"></span>
		</div>
	</div>
</div>

<div class="menu_box">	
	<ul class="navMobile">
		<li>
			<a href="<?php echo site_url('welcome'); ?>">首页</a>
		</li>
		<li>
			<a href="javascript:;">走进金东</a>
			<div class="subnav">
				<a href="<?php echo site_url('about'); ?>" title="金东简介">金东简介</a>
				<a href="<?php echo site_url('about').'#id1'; ?>" title="金东愿景">金东愿景</a>
				<a href="<?php echo site_url('about').'#id1'; ?>" title="金东使命">金东使命</a>
				<a href="<?php echo site_url('about').'#id1'; ?>" title="金东价值观">金东价值观</a>
				<a href="<?php echo site_url('about/honor'); ?>" title="荣誉资质">荣誉资质</a>
				<a href="<?php echo site_url('about/join'); ?>" title="招贤纳士">招贤纳士</a>
				<a href="<?php echo site_url('about/contact'); ?>" title="联系金东">联系金东</a>
			</div>
		</li>
		<li>
			<a href="javascript:;">业务领域</a>
			<div class="subnav">
				<a href="<?php echo site_url('business'); ?>" title="文旅科技">文旅科技</a>
				<a href="#" title="体验馆">体验馆</a>
				<a href="<?php echo site_url('business/vision'); ?>" title="创意视觉">创意视觉</a>
			</div>	
		</li>

		<li>
			<a href="javascript:;">骇客星</a>
			<div class="subnav">
				<a href="<?php echo site_url('intro').'#id1'; ?>" title="公司简介">公司简介</a>
				<a href="<?php echo site_url('intro').'#id5'; ?>" title="战略定位">战略定位</a>
				<a href="<?php echo site_url('intro').'#id6'; ?>" title="商业模式">商业模式</a>
				<a href="<?php echo site_url('intro').'#id2'; ?>" title="公司案例">公司案例</a>
				<a href="<?php echo site_url('intro').'#id3'; ?>" title="自营乐园">自营乐园</a>
				<a href="<?php echo site_url('intro').'#id4'; ?>" title="产品介绍">产品介绍</a>
			</div>	
		</li>
		<li>
			<a href="javascript:;">金东新闻</a>
			<div class="subnav">
				<a href="<?php echo site_url('news'); ?>" title="金东动态">金东动态</a>
				<a href="<?php echo site_url('news'); ?>" title="金东观点">金东观点</a>
			</div>	
		</li>
		<li>
			<a href="javascript:;">金东实验室</a>
			<div class="subnav">
				<a href="#" title="实验室介绍">实验室介绍</a>
				<a href="<?php echo site_url('laboratory'); ?>" title="金东看行业">金东看行业</a>
				<a href="#" title="金东看行业">线上预约</a>
			</div>	
		</li>
	</ul>
</div>


                                             
<script>
	$(function(){
		$('.header .search .ico').click(function(){
			// $(this).toggleClass('open');
			if($(this).parents().hasClass('open')){
				$(this).parents().removeClass('open')
			}else{
				$(this).parents().addClass('open')
			}
		});

		// $(document).click(function(e){
		// 	if(!$(e.target).hasClass('js-click') && !$(e.target).parents().hasClass('js-click')){
		// 		$('.header .search').removeClass('open')
		// 	}
		// })

		$(".push-line").click(function(){
			if($(this).hasClass("currentDd")){
				$(this).removeClass("currentDd");
				$('.menu_box').removeClass('active');
				$('.header,.main,.footer_main').removeClass('active');
			}else{
				$(this).addClass("currentDd");
				$('.menu_box').addClass('active');
				$('.header,.main,.footer_main').addClass('active');

			}
		})

		$('.tabs_m .tabs_tit').click(function(){
			$(this).siblings('.tabs_con').slideToggle();
		})

		 $('.navMobile li>a').click(function(){
	    	if(!$(this).hasClass('show')){
	    		$('.navMobile li>a').removeClass('show');
	    		$(this).addClass('show');
	    		$('.navMobile li>a').siblings('.subnav').slideUp();
	    		$(this).siblings('.subnav').slideDown();
	    	}else{
	    		$(this).removeClass('show');
	    		$(this).siblings('.subnav').slideUp();
	    	}
	    })
	})
</script>